<template>
    <div class="successpay">
        <nut-navbar class="title">支付成功</nut-navbar>
        <div>
            <img src="../assets/successpay.png"/>
            <p class="p1">订单支付成功</p>
            <p class="p2">订单金额：</p>
            <p>
                <nut-button type="red" shape="circle" small @click="toOrder">查看订单</nut-button>
                <nut-button type="default" shape="circle" small　@click="toIndex">返回首页</nut-button>
            </p>
            <p class="p3">注意：汪汪商城不会以订单异常、系统升级为由，要求您点击任何链接进行退款操作。</p>
        </div>
    </div>
</template>

<script>
    export default {
        name: "SuccessPay",
        methods:{
            toOrder(){
                this.$router.push("/order")
                //order-id订单编号 obj1支付流水号
            },
            toIndex(){
                this.$router.push("/")
            }
        }
    }
</script>

<style scoped>
    .successpay{
        background: #ffffff;
        padding: 0 10px 10px 10px;
        box-sizing: border-box;
    }
    p{
        text-align: center;
    }
    .p1{
        font: 20px large;
        font-weight: 600;
    }
    >>>.nut-button{
        margin: 0 10px;
    }
</style>
